/* pages/check/check.wxss */
.layout {
  width: 100%;
  height: 100vh;
  background-color: #E5E5E5;
  position: absolute;
  overflow-y: auto;
  scrollbar-width: none;

  .header1 {
    position: fixed;
    width: 100%;
    height: 66px;
  }

  .container1 {
    width: 90%;
    margin: 0 auto;

    .address {
      width: 100%;
      height: 100px;
      background-color: #ffffff;
      border-radius: 10px;
      margin-top: 40px;

      .con {
        width: 90%;
        margin: 0 auto;

        .box {
          width: 100%;
          display: flex;
          justify-content: space-between;
          height: 50px;
          align-items: center;
          border-bottom: 1px solid #e5e5e5;
          .sele{
            .content {
              color: #9A3B35;
              .b {
                display: flex;
                font-size: 13px;
                color: #9A3B35;
                margin-top: 5px;

                .phone {
                  margin-left: 10px;
                }
              }
            }
          }

          image {
            width: 18px;
            height: 19px;
          }
        }
      }
    }

    .seleted {
      width: 100%;
      // 11
      // height: 182px;
      background-color: #ffffff;
      padding: 10px 0;
      border-radius: 10px;
      margin-top: 10px;

      .con {
        width: 90%;
        margin: 0 auto;

        .title {
          display: flex;
          height: 25px;
          align-items: end;

          .dished {
            font-size: 20px;
            font-weight: bold;
          }

          .num {
            font-size: 14px;
            color: #979797;
            display: flex;
            margin-left: 10px;
            margin-top: 5px;
          }
        }

        .list {
          display: flex;
          width: 100%;
          justify-content: space-between;
          margin-top: 10px;
          height: 55px;
          align-items: center;
          border-bottom: 1px solid #e5e5e5;

          .left {
            display: flex;

            image {
              width: 50px;
              height: 50px;
              background-color: red;
              border-radius: 50%;

            }

            .title1 {
              margin-left: 10px;

              .top1 {
                font-size: 15px;
                font-weight: bold;
              }

              .button1 {
                font-size: 14px;
                color: #999999;
                display: flex;
                margin-top: 5px;
              }
            }
          }

          .right {
            display: flex;
          }
        }
      }
    }

    .remark {
      width: 100%;
      height: 50px;
      background-color: #ffffff;
      border-radius: 10px;
      margin-top: 10px;

      .con {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: center;

        image {
          width: 18px;
          height: 19px;
        }
      }
    }

    .fail {
      width: 100%;
      height: 200px;
      background-color: #ffffff;
      border-radius: 10px;
      margin-top: 10px;
      margin-bottom: 10px;
      .con {
        width: 90%;
        margin: 0 auto;

        .cont {
          display: flex;
          width: 100%;
          height: 50px;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px solid #e5e5e5;

          .right {
            display: flex;
          }
        }
      }
    }
  }

  .submit {
    width: 100%;
    height: 75px;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;

    .contanier {
      width: 90%;
      margin: 0 auto;
      height: 50px;
      margin-top: 10px;
      border: 2px solid #E5E5E5;
      display: flex;
      border-radius: 5px;

      .price {
        display: flex;
        height: 100%;
        align-items: center;
        width: calc(100% - 140px);

        .left {
          margin-left: 20px;
        }

        .right {
          display: flex;
          height: 100%;
          align-items: center;
        }
      }

      .mune {
        width: 140px;
        height: 54px;
        margin-top: -2px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #979797;
        color: #ffffff;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
      }
    }
  }

  .seletedadress {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;

    .toptile {
      width: 100%;
      height: 40px;
      background-color: #d81e06;
      color: #ffffff;

      .con {
        width: 90%;
        margin: 0 auto;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: space-between;

        .adre {
          text-align: center;
          font-size: 20px;
          font-weight: bold;
          flex-grow: 1;
        }

        .fork {
          font-weight: bold;
        }
      }
    }

    .contt {
      width: 90%;
      margin: 0 auto;

      .listaddress {
        width: 100%;
        padding: 10px 0;

        .listbox {
          display: flex;
          width: 100%;
          justify-content: space-between;
          height: 50px;
          align-items: center;
          margin-top: 10px;

          .left {
            display: flex;
            height: 100%;
            align-items: center;

            .content {
              margin-left: 15px;

              .b {
                display: flex;
                font-size: 13px;
                color: #999999;
                margin-top: 5px;

                .phone {
                  margin-left: 10px;
                }
              }
            }

          }

          image {
            width: 15px;
            height: 15px;
          }
        }
        .active{
          color: #9A3B35;
        }
      }

      .botton {
        width: 100%;
        height: 34px;
        background-color: #979797;
        border-radius: 10px;
        color: #ffffff;
        font-size: 15px;
        text-align: center;
        margin-bottom: 10px;
        line-height: 34px;
      }
    }
  }
}

.layout::-webkit-scrollbar {
  display: none;
}